<!-- 顶部导航栏 -->
<template>
	<div class="navBox">
		<img height="20" src="@/assets/images/logo.png" alt="">
		<div class="searchBox">
			<van-icon name="search" />
		</div>
		<div class="right">
			<van-icon name="wap-nav" />
		</div>
	</div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.navBox{
	height: 50px;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9;
	.searchBox {
		background:#f7f7f7;
		width: 100%;
		height: 20px;
		margin: 0 5px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		.van-icon{
			padding-left: 10px;
		}
	}
}
.van-icon-search:before{
	vertical-align: middle
}
</style>